<%-- 
    Document   : template
    Created on : Oct 13, 2011, 2:08:10 AM
    Author     : HIT
--%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <link rel="shortcut icon" href="image/icon.jpg">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title><tiles:getAsString name="title" /></title>
        <meta name="keywords" content="Web Design Agency, Free CSS Template, Light Gray, Professional, HTML CSS, 5 pages" />
        <meta name="description" content="Web Design Agency is a professional full-site template with total 5 pages." />


         <link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

            <script type="text/javascript" src="js/swfobject.js"></script>
            <script type="text/javascript">
                var flashvars = {};
                flashvars.xml_file = "photo_list.xml";
                var params = {};
                params.wmode = "transparent";
                var attributes = {};
                attributes.id = "slider";
                swfobject.embedSWF("flash_slider.swf", "flash_grid_slider", "930", "250", "9.0.0", false, flashvars, params, attributes);
            </script>
            <script type="text/javascript" src="js/jquery_002.js"></script>

            <script type="text/javascript">
                var base_dir = "";
                var rooturl = "";
                var currentTemplate = "default";
            </script>

            <script type="text/javascript" src="js/jquery.min.js"></script>

            <style type="text/css">
                *{margin: 0;padding: 0;}
                #body2{
                    font:16px "Times New Roman", Times, serif
                }
                #but_login{

                    cursor: pointer;
                }
                #light_box{
                    position: fixed;
                    width: 100%;height: 100%;
                    left: 0;top: 0;
                    background: black;
                    display: none;
                }

                #form2{
                    background: #747474;
                    margin: 20px auto;
                    border: 1px solid #747474;
                    width: 300px;
                    color: #004197;
                    display: none;

                    -moz-border-radius:5px;
                    -webkit-border-radius:5px;
                }
                #form2 div{
                    background: white;
                    margin: 6px;
                    border: 1px solid #747474;
                    overflow: hidden;
                }
                #form2 div h4{
                    color: #CF0;
                    background: #6D84B4;
                    text-indent: 10px;
                    padding: 2px;
                }

                #form2 div p{
                    margin: 3px 10px;
                }
                #form2 div p input{
                    float: right;
                    width: 150px;
                    margin-right: 3px;
                }
                #thoat{
                    float: right;
                    background: #6D84B4;

                    cursor: pointer;
                }
                #nut_login{
                    float: left;
                    padding: 1px 3px;
                    color: white;
                    cursor: pointer;
                    background: #0080FF;
                }
            </style>
            <script src="js/jquery.min.js" type="text/javascript"></script>
            <script type="text/javascript">
                $(function(){
                    $('#body2').append('<div id="but_login"></div><div id="light_box"></div>')
                    $('#but_login').click(function(){
                        //$('#light_box').css({'display':'block','opacity':'0'}).animate({opacity:0.6},200)
                        $('#light_box').css('opacity','0.6').fadeIn(200)
                        $('#form2').appendTo('#light_box').show()
                        formTop()
                    })
                    $('#thoat').click(function(){
                        $('#light_box').hide()
                    })
                    $(window).resize(function(){
                        formTop()
                    })
                    function formTop(){
                        $('#form2').css('margin-top',($('#light_box').height()-$('#form2').height())/2)
                    }
    
                })
            </script>
            <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">


            <link rel="stylesheet" href="css/jquery.css" type="text/css" media="screen">
            <link rel="stylesheet" href="css/jtip.css" type="text/css" media="screen">
        

            <link rel="stylesheet" type="text/css" href="css/main.css">
            <link rel="stylesheet" type="text/css" href="css/detail.css">
            <link rel="stylesheet" href="css/default.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/style2.css" type="text/css" media="screen" />
        <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
        <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
        <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider();
        });
        </script>
            
	<link rel="stylesheet" type="text/css" href="css/details_All2.css">
		
    </head>
    <body background="">
        
            <!-- header -->
            <div id="topbar">
                    <tiles:insertAttribute name="header" />
                </div>
            <!-- end of header -->

            <%--content--%>
            <div class="body" style="background:none;">
                 <div class="body-inner">
                <!--body content-->
                <div class="body-content">
                     <!--body left-->
                    <div class="body-left">
                        <tiles:insertAttribute name="leftMenu"/>
                    </div>
                    <!--end body left-->
                    <!--body right-->
                    <div class="right-menu">

                        <tiles:insertAttribute name="rightMenu"/>

                    </div>
                    <div class="clear"></div>
                    <!--end body right-->
                </div>
                
                 </div>
                <!--end body content-->
            </div>
            <%--end contend--%>

                    <%--Begin footer--%>
                    <div id="dFooter">
                        <tiles:insertAttribute name="footer" />
                    </div>
                     <!-- end of footer -->
        
    </body>
</html>